<div id="main-wrapper">
    <div id="main-content">

        <div class="page-title ui-widget-content ui-corner-all">
            <h1>Viewing: <b>Dashboard</b></h1>
            <div class="other">

                <!--<div class="button float-right">

                        <a href="#"  class="btn ui-state-default"><span class="ui-icon ui-icon-circle-plus"></span>Example</a>
                </div>-->
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="page-title ui-widget-content ui-corner-all">
            <h1>MENUS</h1>
            <div class="other">

                <ul id="dashboard-buttons">
                    <li>
                        <a href="#" class="Book_phones tooltip" title="Staff Registration">
                            Staff Registration
                        </a>
                    </li>
                    <li>
                        <a href="#" class="Books tooltip" title="Account Opening">
                            Account Opening
                        </a>

                    </li>
                    <li>
                        <a href="#" class="Box_recycle tooltip" title="Deposit">
                            Deposit
                        </a>
                    </li>
                    <li>
                        <a href="#" class="Books tooltip" title="Withdrawal">
                            Withdrawal
                        </a>

                    </li>
                    <li>
                        <a href="#" class="Box_content tooltip" title="Account Details">
                            Account Details
                        </a>
                    </li>
                    <li>
                        <a href="#" class="Briefcase_files tooltip" title="Daily Backup">
                            Daily Backup
                        </a>

                    </li>
                    <li>
                        <a href="#" class="Chart_4 tooltip" title="Reports">
                            Reports
                        </a>
                    </li>
                    <li>
                        <a href="#" class="Clipboard_3 tooltip" title="Clipboard 3">
                            Menu1
                        </a>

                    </li>
                    <li>
                        <a href="#" class="Chart_5 tooltip" title="Chart 5">
                            Menu2
                        </a>
                    </li>
                    <li>
                        <a href="#" class="Glass tooltip" title="Glass">
                            Menu3
                        </a>

                    </li>
                    <li>
                        <a href="#" class="Globe tooltip" title="Globe">
                            Menu4
                        </a>
                    </li>
                    <li>
                        <a href="#" class="Mail_compose tooltip" title="Mail compose">
                            Menu5
                        </a>

                    </li>
                    <li>
                        <a href="#" class="Mail_open tooltip" title="Mail open">
                            Menu6</a>
                    </li>
                    <li>
                        <a href="#" class="Monitor tooltip" title="Monitor">
                            Menu7
                        </a>

                    </li>

                </ul>
                <div class="clearfix"></div>
            </div>


        </div>
    </div>

</div>